    <link rel="stylesheet" href="<?= $this->config->item('webroot') ?>styles/application/facility.css" type="text/css" />

	<!-- Page title -->
	<div id="pagetitle">
		<div class="wrapper">
			<h1>Facility Management</h1>
			<form action="" method="get"><input class="" type="text" id="q" name="q" /></form>
		</div>
	</div>
	<!-- End of Page title -->
	
	<!-- Page content -->
	<div id="page">
    	
		<!-- Wrapper -->
		<div class="wrapper">
			
            <p>&nbsp;</p>
            					
            <div class="leading clearfix">
                <div class="column width2 first">

					<div class="content-box corners">
                        <header>
                            <h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Search</h3>
                        </header>
                        <section>
                        	<input type="text" class="full title" value="" />
                        </section>
                    </div>
                </div>
                
                
                <div class="column width6">

					<!-- facilities -->
					<div class="content-box corners">
                        <header>
                            <h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Facilities</h3>
                        </header>
                        <section>
                            <div class="column first">
                                <table id="report" class="stylized full">
                                    <thead>
                                        <tr>
                                            <th>Machine Name</th>
                                            <th>Project in use</th>
                                            <th>Start Date</th>
                                            <th>End Date</th>
                                            <th>Available</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td class="title">
                                                <div>
                                                    <a href="#"><b>Electric Hacksaw</b></a>
                                                    <div class="listingDetails">
                                                        <div class="pad">
                                                            <b>Remarks</b>
                                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mattis nisl aliquet erat blandit accumsan. Vestibulum et elementum erat. Nam eget urna nec ipsum egestas feugiat. Maecenas felis nisl, pulvinar et adipiscing eget, venenatis non ipsum. Donec aliquam hendrerit hendrerit. Sed lacus diam, vulputate vel rutrum ut, sollicitudin porta lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean in gravida velit. Curabitur ut nisl justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque nec mauris sem. Nullam a neque sapien. Nunc imperdiet laoreet urna ac varius. Vestibulum sit amet iaculis diam. Pellentesque eu est ac augue fringilla pellentesque.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>PO #12345</td>
                                            <td>25 Jun 2010</td>
                                            <td>30 Jun 2010</td>
                                            <td><span class="label label-green">Yes</span></td>
                                        </tr>
                                        <tr>
                                            <td class="title">
                                                <div>
                                                    <a href="#"><b>Electric Hacksaw</b></a>
                                                    <div class="listingDetails">
                                                        <div class="pad">
                                                            <b>Remarks</b>
                                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mattis nisl aliquet erat blandit accumsan. Vestibulum et elementum erat. Nam eget urna nec ipsum egestas feugiat. Maecenas felis nisl, pulvinar et adipiscing eget, venenatis non ipsum. Donec aliquam hendrerit hendrerit. Sed lacus diam, vulputate vel rutrum ut, sollicitudin porta lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean in gravida velit. Curabitur ut nisl justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque nec mauris sem. Nullam a neque sapien. Nunc imperdiet laoreet urna ac varius. Vestibulum sit amet iaculis diam. Pellentesque eu est ac augue fringilla pellentesque.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>PO #12345</td>
                                            <td>25 Jun 2010</td>
                                            <td>30 Jun 2010</td>
                                            <td><span class="label label-green">Yes</span></td>
                                        </tr>
                                        <tr>
                                            <td class="title">
                                                <div>
                                                    <a href="#"><b>Electric Hacksaw</b></a>
                                                    <div class="listingDetails">
                                                        <div class="pad">
                                                            <b>Remarks</b>
                                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mattis nisl aliquet erat blandit accumsan. Vestibulum et elementum erat. Nam eget urna nec ipsum egestas feugiat. Maecenas felis nisl, pulvinar et adipiscing eget, venenatis non ipsum. Donec aliquam hendrerit hendrerit. Sed lacus diam, vulputate vel rutrum ut, sollicitudin porta lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean in gravida velit. Curabitur ut nisl justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque nec mauris sem. Nullam a neque sapien. Nunc imperdiet laoreet urna ac varius. Vestibulum sit amet iaculis diam. Pellentesque eu est ac augue fringilla pellentesque.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>PO #12345</td>
                                            <td>25 Jun 2010</td>
                                            <td>30 Jun 2010</td>
                                            <td><span class="label label-red">No</span></td>
                                        </tr>
                                        <tr>
                                            <td class="title">
                                                <div>
                                                    <a href="#"><b>Electric Hacksaw</b></a>
                                                    <div class="listingDetails">
                                                        <div class="pad">
                                                            <b>Remarks</b>
                                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mattis nisl aliquet erat blandit accumsan. Vestibulum et elementum erat. Nam eget urna nec ipsum egestas feugiat. Maecenas felis nisl, pulvinar et adipiscing eget, venenatis non ipsum. Donec aliquam hendrerit hendrerit. Sed lacus diam, vulputate vel rutrum ut, sollicitudin porta lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean in gravida velit. Curabitur ut nisl justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque nec mauris sem. Nullam a neque sapien. Nunc imperdiet laoreet urna ac varius. Vestibulum sit amet iaculis diam. Pellentesque eu est ac augue fringilla pellentesque.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>PO #12345</td>
                                            <td>25 Jun 2010</td>
                                            <td>30 Jun 2010</td>
                                            <td><span class="label label-green">Yes</span></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </section>
                    </div>
                                     
                </div>
                

            </div>
									
		</div>
		<!-- End of Wrapper -->
        
	</div>
	<!-- End of Page content -->
    <script type="text/javascript" src="<?= $this->config->item('webroot') ?>scripts/application/facility.js"></script>
    
